<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="reset.css" rel="stylesheet" type="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="locomi.css" rel="stylesheet" type="text/css" />
    <title>日本最大級のお試しサイトトラコレ</title>
  </head>
  <body>
    <!-- Header -->
    <div id="header_area_wrapper">
      <div id="header_area">
        <ul>
          <li class="select_area">関東</li>
          <li class="select">東京</li>
          <li>神奈川</li>
          <li>埼玉</li>
          <li>千葉</li>
          <li>栃木</li>
          <li>茨城</li>
          <li>群馬</li>
        </ul>
        <div class="right_contents">
          <img src="image/common/header/contact.gif" alt="お問い合わせ" />
          <img src="image/common/header/question.gif" alt="よくあるご質問" />
          <img src="image/common/header/login.gif" alt="ログイン" />
          <img src="image/common/header/regist.gif" alt="会員登録" />
         </div>
      </div>
    </div>
    <div id="header_wrapper">
      <div id="header">
        <img src="image/common/header/logo.jpg" alt="日本最大級のお試しサイト トラコレ" class="logo"/>
        <div class="right_contents">
          <div class="search">
            <img src="image/common/header/search_icon.jpg" alt="Icon" />
            <form method="post" action="/">
              <input type="text" name="search" />
              <input type="image" src="image/common/search.jpg" alt="検索" />
            </form>
            <div class="clear"></div>
          </div>
          <ul>
            <li class="first"><a href="#"><img src="image/common/header/navi_junre.jpg" alt="ジャンル" /></a></li>
            <li><a href="#"><img src="image/common/header/navi_special.jpg" alt="特集" /></a></li>
            <li><a href="#"><img src="image/common/header/navi_ranking.jpg" alt="ランキング" /></a></li>
            <li><a href="#"><img src="image/common/header/navi_kuchikomi.jpg" alt="口コミ" /></a></li>
            <li><a href="#"><img src="image/common/header/navi_mypage.jpg" alt="マイページ" /></a></li>
          </ul>
          <div class="neko">
            <img src="image/common/header/neko.png" alt="トラコリニャ" />
            <div><p>トラコレ加盟店は安心してご利用いただけますにゃ</p></div>
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <!-- END Header -->
    <!-- Main -->
    <div id="main_wrapper">
      <div id="main">
        <div class="pan">
          <a href="#">全国TOP</a>
          > 
		  <a href="#">関東</a>
		  >
		  <a href="#">東京</a>
		  >
         	ロコミ
        </div>
        
        <div class="main_header">
        		<img src="" alt="" style="height: 166px;"></img>
       	</div>
        <div id="main_contents">
        	
        	<div class="area_selection">
        		<div class="selection">
        			エリア
        			<select>
        				<option value="関東">関東</option>
        				<option value="関西">関西</option>
        				<option value="東北">東北</option>
        			</select>
        		</div>
        		<div style="clear: both;"></div>
        		<div class="material">
        			<ul>
	        			<li>
	        				<a>東京（508）</a>
	        			</li>
	        			<li>
	        				<a>神奈川（508）</a>
	        			</li>
	        			<li>
	        				<a>埼玉（508）</a>
	        			</li>
	        			<li>
	        				<a>千葉（508）</a>
	        			</li>
	        			<li>
	        				<a>栃木（508）</a>
	        			</li>
	        			<li>
	        				<a>群馬（508）</a>
	        			</li>
	        			<li>
	        				<a>茨城（508）</a>
	        			</li>
        			</ul>
        		</div>
        	</div>
        	<div style="clear: both;"></div>
	        <!-- START コロミ -->
	         <div class="kuchikomi">
	           <ul>
	             <li><a href="javascrpt:void(0);"><img src="image/common/navi/all_off.jpg" alt="総合"/></a></li>
	             <li><a href="javascrpt:void(0);"><img src="image/common/navi/gourmet_off.jpg" alt="グルメ"/></a></li>
	             <li><a href="javascrpt:void(0);"><img src="image/common/navi/beauty_off.jpg" alt="ビューティー"/></a></li>
	             <li><a href="javascrpt:void(0);"><img src="image/common/navi/healing_off.jpg" alt="ヒーリング"/></a></li>
	             <li><a href="javascrpt:void(0);"><img src="image/common/navi/school_off.jpg" alt="スクール"/></a></li>
	             <li><a href="javascrpt:void(0);"><img src="image/common/navi/entame_off.jpg" alt="レジャー・エンタメ"/></a></li>
	           </ul>
	           <div class="kuchikomi_box">
	             <img src="image/common/kuchikomi/user01.jpg" alt="ユーザ画像" class="left_contents"/>
	             <dl>
	               <dt>体験プラン：70%OFF【2,980円】大間の生本まぐろ・フォアグラ等((魚串懐石コース6品+デザート))</dt>
	               <dd>
	                 <p>とても親切に接待していただきました!少し早めに伺ったのにとてもスムーズに席へ案内していただきとても嬉しく
	                 思いました、お料理も始めていただく鶏の生肉(内蔵)などをサービスしていただき、飲み放題もその場で色々教えてもらい
	                 お得ですと、指定してくれました、なべの締めもおいしく頂きました。</p>
	                 <div class="footer">
	                   <div class="left_contents">
	                     <span>ユーザネームさん　女性|20歳代|口コミ投稿123件 2011/1/1 11:11:11</span>
	                   </div>
	                   <div class="right_contents">
	                     <img src="image/common/kuchikomi/exp_icon.jpg" alt="この口コミの体験プランを見る" />
	                   </div>
	                   <div class="clear"></div>
	                 </div>
	               </dd>
	             </dl>
	             <div class="clear"></div>
	           </div>
	           <div class="kuchikomi_box">
	             <img src="image/common/kuchikomi/user01.jpg" alt="ユーザ画像" class="left_contents"/>
	             <dl>
	               <dt>体験プラン：70%OFF【2,980円】大間の生本まぐろ・フォアグラ等((魚串懐石コース6品+デザート))</dt>
	               <dd>
	                 <p>とても親切に接待していただきました!少し早めに伺ったのにとてもスムーズに席へ案内していただきとても嬉しく
	                 思いました、お料理も始めていただく鶏の生肉(内蔵)などをサービスしていただき、飲み放題もその場で色々教えてもらい
	                 お得ですと、指定してくれました、なべの締めもおいしく頂きました。</p>
	                 <div class="footer">
	                   <div class="left_contents">
	                     <span>ユーザネームさん　女性|20歳代|口コミ投稿123件 2011/1/1 11:11:11</span>
	                   </div>
	                   <div class="right_contents">
	                     <img src="image/common/kuchikomi/exp_icon.jpg" alt="この口コミの体験プランを見る" />
	                   </div>
	                   <div class="clear"></div>
	                 </div>
	               </dd>
	             </dl>
	             <div class="clear"></div>
	           </div>
	           <div class="align_right">
	             <a href="#">もっと見る</a>
	           </div>
	         </div>
	      	 <!-- END 口コミ -->
	         
        
        </div>
        <div style="clear: both;"></div>
          <img src="image/common/neko/neko_border.jpg" alt="トラコリニャ" class="neko_border" />
        
        
          <div class="info_area">
            <!-- お知らせ -->
            <div class="information">
              <img src="image/common/info/list_all.gif" alt="一覧"/>
              <h3>お知らせ</h3>
              <ul>
                <li class="first">
                  <dl>
                    <dt>2010年12月6日[東京]</dt>
                    <dd>トラコレがリニューアルしました。</dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt>2010年12月6日[神奈川]</dt>
                    <dd>トラコレがリニューアルしました。</dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt>2010年12月6日[埼玉]</dt>
                    <dd>トラコレがリニューアルしました。</dd>
                  </dl>
                </li>
                <li>
                  <dl>
                    <dt>2010年12月6日[千葉]</dt>
                    <dd>トラコレがリニューアルしました。</dd>
                  </dl>
                </li>
              </ul>
            </div>
            <table class="right_contents">
              <tr>
                <td><img src="image/common/banner/img07.jpg" alt="モバコレ" /></td>
                <td><img src="image/common/banner/img08.jpg" alt="トラコレ" /></td>
                <td><img src="image/common/banner/img09.jpg" alt="HOWTO" /></td>
              </tr>
              <tr>
                <td><img src="image/common/banner/img07.jpg" alt="モバコレ" /></td>
                <td><img src="image/common/banner/img08.jpg" alt="トラコレ" /></td>
                <td><img src="image/common/banner/img09.jpg" alt="HOWTO" /></td>
              </tr>
            </table>
            <div class="clear"></div>
          </div>
        
      
      </div>
    </div>
    <!-- End Main -->
    <div class="clear"></div>
    <!-- Footer -->
    <!--footer-->
    <div id="footer">
      <div class="main_wrap">
        <a href="#page_top" id="button_page_top">
          <img src="image/common/footer/page_top.gif" alt="PAGE TOP"  />
        </a>
        <dl id="footer_column01">
          <dt>
            <img src="image/common/footer/title_01.gif" alt="トラコレについて "/>
          </dt>
          <dd>
            <ul>
              <li>
                <a href="">
                  <img src="image/common/footer/title_01_01.gif" alt="トラコレって" />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_01_02.gif" alt="よくある質問? " />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_01_03.gif" alt="利用規約"/>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_01_04.gif" alt="利用条件"/>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_01_05.gif" alt="プライバシーポリシー" />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_01_06.gif" alt="運営会社" />
                </a>
              </li>
            </ul>
          </dd>
        </dl>
        <dl id="footer_column02">
          <dt>
            <img src="image/common/footer/title_02.gif" alt="サービスメニュー " />
          </dt>
          <dd>
            <ul>
              <li>
                <a href="">
                  <img src="image/common/footer/title_02_01.gif" alt="トップページ"/>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_02_02.gif" alt="新規会員登録"/>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_02_03.gif" alt="ログイン"/>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_02_04.gif" alt="マイページ"/>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_02_05.gif" alt="携帯版トラコレ"/>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_02_06.gif" alt="iPhone版トラコレ"/>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_02_07.gif" alt="iPhoneアプリ"/>
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_02_08.gif" alt="サイトマップ"/>
                </a>
              </li>
            </ul>
          </dd>
        </dl>
        <dl id="footer_column03">
          <dt>
            <img src="image/common/footer/title_03.gif" alt="エリアメニュー"/>
          </dt>
          <dd>
            <div class="left">
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_01.gif" alt="北海道" />
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_02.gif" alt="福島" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_03.gif" alt="宮城"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_04.gif" alt="青森"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_05.gif" alt="秋田"/>
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_06.gif" alt="山形"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_07.gif" alt="岩手" />
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_08.gif" alt="東京"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_09.gif" alt="神奈川"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_10.gif" alt="埼玉"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_11.gif" alt="千葉"/>
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_12.gif" alt="栃木" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_13.gif" alt="茨城" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_14.gif" alt="群馬" />
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_15.gif" alt="新潟" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_16.gif" alt="石川" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_17.gif" alt="富山"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_18.gif" alt="福井" />
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_19.gif" alt="山梨"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_20.gif" alt="長野"/>
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_21.gif" alt="愛知"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_22.gif" alt="岐阜"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_23.gif" alt="静岡"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_24.gif" alt="三重"/>
                  </a>|
                </li>
              </ul>
            </div>
            <div class="right">
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_25.gif" alt="大阪"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_26.gif" alt="兵庫"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_27.gif" alt="京都"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_28.gif" alt="滋賀"/>
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_29.gif" alt="奈良"/>
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_30.gif" alt="和歌山" />
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_31.gif" alt="広島" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_32.gif" alt="島根" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_33.gif" alt="山口"  />
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_34.gif" alt="岡山" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_35.gif" alt="鳥取" />
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_36.gif" alt="愛媛" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_37.gif" alt="香川" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_38.gif" alt="徳島" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_39.gif" alt="高知" />
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_40.gif" alt="福岡" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_41.gif" alt="大分" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_42.gif" alt="長崎" />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_43.gif" alt="佐賀" />
                  </a>|
                </li>
              </ul>
              <ul>
                <li>|
                  <a href="">
                    <img src="image/common/footer/title_03_44.gif" alt="熊本"   />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_45.gif" alt="宮崎"   />
                  </a>|
                </li>
                <li>
                  <a href="">
                    <img src="image/common/footer/title_03_46.gif" alt="鹿児島"   />
                  </a>|
                </li>
              </ul>
            </div>
          </dd>
        </dl>
        <dl id="footer_column04">
          <dt>
            <img src="image/common/footer/title_04.gif" alt="ジャンル"   />
          </dt>
          <dd>
            <ul>
              <li>
                <a href="">
                  <img src="image/common/footer/title_04_01.gif" alt="グルメ"   />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_04_02.gif" alt="ビューティー"   />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_04_03.gif" alt="ヒーリング"   />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_04_04.gif" alt="スクール"   />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_04_05.gif" alt="レジャー・エンタメ"   />
                </a>
              </li>
            </ul>
          </dd>
        </dl>
        <dl id="footer_column05">
          <dt>
            <img src="image/common/footer/title_05.gif" alt="お問い合わせ"   />
            
          </dt>
          <dd>
            <ul class="links">
              <li>
                <a href="">
                  <img src="image/common/footer/title_05_01.gif" alt="リンクについて"   />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_05_02.gif" alt="広告掲載について"   />
                </a>
              </li>
              <li>
                <a href="">
                  <img src="image/common/footer/title_05_03.gif" alt="お問い合わせ"   />
                </a>
              </li>
            </ul>
            <div id="footer_social">
              <ul>
                <li class="rss">
                  <a href="">
                    <img src="image/common/footer/rss.gif" alt="RSS"   />
                  </a>
                </li>
                <li class="facebook">
                  <a href="">
                    <img src="image/common/footer/facebook.gif" alt="Facebook"   />
                  </a>
                </li>
                <li class="twitter">
                  <a href="">
                    <img src="image/common/footer/twitter.gif" alt="Twitter"   />
                  </a>
                </li>
              </ul>
            </div>
            <img src="image/common/footer/shoplogin.gif" alt="加盟店様ログイン" />
          </dd>
        </dl>
        <div class="clear"><!----></div>
      </div>
    </div>
    <!--END footer-->
  <!--copyright-->
  <div id="copyright_wrapper">
    <div id="copyright">
      <img src="image/common/footer/copyright.gif" alt="copyright 2011 Tryfeel.collection" />
    </div>
  </div>
  <!--END copyright-->
  </body>
</html>
